/* CSS file */
/* 20100201 new start */
global {
	modal-transparency-color: black;
	modal-transparency-blur: 0;
	modal-transparency-duration: 200;
	modal-transparency: 0.7;
}
/* 20100201 new end */

Alert {
	background-color: #FFFFFF;
	background-alpha: 1;
	corner-radius: 8;
	
	/** BORDER **/
	border-color: #000000;
	border-style: solid;
	border-thickness: 1;
	/** MESSAGE **/
	color: #000000;
	font-size: 16;
	font-family: 'FGCCARGU';
	/** BUTTON STYLE **/
	button-style-name: "alertButton";
	title-style-name: "titleStyle";
	button-width:112;
	button-height: 38;
}
.titleStyle {
	font-size: 30;
	font-family: 'FGCCARGU';
}

.alertEn {
	background-color: #FFFFFF;
	background-alpha: 1;
	corner-radius: 8;
	
	/** BORDER **/
	border-color: #000000;
	border-style: solid;
	border-thickness: 1;
	/** MESSAGE **/
	color: #000000;
	font-size: 16;
	font-family: 'FGCCARGU';
	/** BUTTON STYLE **/
	button-style-name: "alertButton";
	title-style-name: "titleStyle";
	button-width:112;
	button-height: 38;
}
.alertButton {
 	skin: Embed('assets/images/btnParts_Bg_NotFocus.png');
	over-skin: Embed('assets/images/btnParts_Bg_OnFocus.png');
	fill-colors: #DCDCDC, #DCDCDC;
	fill-alphas: 1, 1;
	
	/** LABEL **/
    letter-spacing: 0;
    font-size: 14;
    font-family: 'FGCCARGU';
    text-roll-over-color: #797979;
    color: #000000;
}
.button {
	border-color: #b7babc;
	theme-color: #b7babc;
	border-thickness: 2;
}
.grayButton {
	fill-colors: #808080, #626262;
	fill-alphas: 1, 1;
	corner-radius: 15;
	color: #ffffff;
	/** BORDER **/
	border-color: #555555;	
	border-style:solid;
	border-thickness: 2;
	/** TEXT **/
	text-roll-over-color: #FFE16C;
	text-selected-color: #FFE16C;
}
.blackButton {
	fill-colors: #000000, #000000;
	fill-alphas: 1, 1;
	corner-radius: 15;
	color: #ffffff;
}

/* CSS file */
.dashborder {
	borderSkin:ClassReference("co.beto.commons.DashBorderInSide");
	background-alpha:0;
	border-thickness:1;
	background-color:#FFFFFF;
	border-color:#000000;
}

.dashborderOutSide {
	borderSkin:ClassReference("co.beto.commons.DashBorderOutSide");
	background-alpha:0;
	border-thickness:1;
	background-color:#FFFFFF;
	border-color:#000000;
}

.swatchColor
{
	/** number of column */
	column-count: 16;
	
	swatch-border-size: 0;
	
	swatch-width: 13.8;
	swatch-height: 13.8;
	swatch-highlight-size: 2;
	swatch-highlight-color: #FFFFFF;
	swatch-grid-background-color: #FFFFFF;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	shadow-color: #FFFFFF;
}

.detailVrule {
   strokeColor: #00ff00;
   shadowColor: #00ff00;
   strokeWidth: 2;
}
.detailHrule {
   strokeColor: #ff0000;
   shadowColor: #ff0000;
   strokeWidth: 2;
}
.swatchPanel
{
	/** number of column */
	column-count: 20;
	
 	swatch-border-size: 1.5;
	swatch-border-color: #DDDDDD;
	swatch-width: 18;
	swatch-height: 18;
	swatch-highlight-size: 2;
	swatch-highlight-color: #FFFFFF;
	swatch-grid-background-color: #FFFFFF;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	shadow-color: #FFFFFF;
	border-skin: ClassReference(null);
	padding-left: 0;
	padding-right: 0;
}

List {
   rollOverColor: #ffc982;
   selectionColor: #ffc982;
}
/**
/ color picker A-001
/
*/ 
.lkStyle 
{
	font-weight: normal;
}

 
VScrollBar {
    downArrowUpSkin: Embed(source="scrolls/downArrow.png");
    downArrowOverSkin: Embed(source="scrolls/downArrow.png");
    downArrowDownSkin: Embed(source="scrolls/downArrow.png");
    upArrowUpSkin: Embed(source="scrolls/upArrow.png");
    upArrowOverSkin: Embed(source="scrolls/upArrow.png");
    upArrowDownSkin: Embed(source="scrolls/upArrow.png");
    thumbDownSkin: 
    	Embed(source="scrolls/thumb.png",
        scaleGridLeft="7", scaleGridTop="5", 
        scaleGridRight="8", scaleGridBottom="7");
        
    thumbUpSkin: 
    	Embed(source="scrolls/thumb.png",
        scaleGridLeft="7", scaleGridTop="5", 
        scaleGridRight="8", scaleGridBottom="7");
        
    thumbOverSkin: 
    	Embed(source="scrolls/thumb.png",
        scaleGridLeft="7", scaleGridTop="5", 
        scaleGridRight="8", scaleGridBottom="7");
        
    trackSkin: 
    	Embed(source="scrolls/scrolltrack.png",
        scaleGridLeft="7", scaleGridTop="4", 
        scaleGridRight="8", scaleGridBottom="6" );       
} 

 















/* Component styles */
Alert
{
	backgroundAlpha: 0.77;
	highlightAlphas: 0.98, 0;
	headerColors: #dddddd, #f6f6f6;
	backgroundColor: #FFFFFF;
	headerHeight: 20;
	color:black;
	titleStyleName: "alertTitle";   
}

Application {
	background-gradient-colors : #ffffff,#ffffff;
	background-color: #ffffff;
}

global {
	themeColor: #ff5500;
}

HScrollBar {
	downArrowUpSkin: Embed(source="assets/icons/arrow_down.png");
	downArrowOverSkin: Embed(source="assets/icons/arrow_down.png");
	downArrowDownSkin: Embed(source="assets/icons/arrow_down.png");
	upArrowUpSkin: Embed(source="assets/icons/arrow_up.png");
	upArrowOverSkin: Embed(source="assets/icons/arrow_up.png");
	upArrowDownSkin: Embed(source="assets/icons/arrow_up.png");
	thumbDownSkin: Embed(source="assets/icons/thumb.png");
	thumbUpSkin: Embed(source="assets/icons/thumb.png");
	thumbOverSkin: Embed(source="assets/icons/thumb.png");
	trackSkin: Embed(source="assets/icons/track.png");
	fillAlphas: 0,0,0,0;
}

/* 
VScrollBar {
	downArrowUpSkin: Embed(source="assets/icons/arrow_down.png");
	downArrowOverSkin: Embed(source="assets/icons/arrow_down.png");
	downArrowDownSkin: Embed(source="assets/icons/arrow_down.png");
	upArrowUpSkin: Embed(source="assets/icons/arrow_up.png");
	upArrowOverSkin: Embed(source="assets/icons/arrow_up.png");
	upArrowDownSkin: Embed(source="assets/icons/arrow_up.png");
	thumbDownSkin: Embed(source="assets/icons/thumb.png");
	thumbUpSkin: Embed(source="assets/icons/thumb.png");
	thumbOverSkin: Embed(source="assets/icons/thumb.png");
	trackSkin: Embed(source="assets/icons/track.png");
	fillAlphas:	0,0,0,0;
}
 */

.mydataGridHeaderStyle {
	color: #444444;
	fontWeight: bold;
	text-align: center;
}

.mypanelTitle {
	color: #FF5500;
	fontWeight: normal;
	fontSize: 14;
	fontFamily: Arial;
}

.mySelectedTabs {
	color: #FF6600;
}

.mySelectedTabsBar {
	color: #FF6600;
	textAlign: left;
}

.myTabsBar {          
	textRollOverColor: #FF6600;
 	cornerRadius: 0;
 	textAlign: left;
}

.myTabsNav {          
	textRollOverColor: #FF6600;
	textAlign: center;
	leading: 10;     /* pour un centrage vertical */
}

.nestedTab {
	button-style-name: nestedTabButton;
	first-button-style-name: nestedTabButton;		
	last-button-style-name: nestedTabButton;
}


Button.Orange {
	disabledSkin: Embed(source="assets/css/AeonGraphical.swf", symbol="Button_Orange_disabledSkin");
	downSkin: Embed(source="assets/css/AeonGraphical.swf", symbol="Button_Orange_downSkin");
	overSkin: Embed(source="assets/css/AeonGraphical.swf", symbol="Button_Orange_overSkin");
	upSkin: Embed(source="assets/css/AeonGraphical.swf", symbol="Button_Orange_upSkin");
	color:#FFFFFF;
	font-weight:bold;
}

